[class^="photo-"],
[class*=" photo-"] {
	float: left;
	margin: 0 8px 0 0;
	display: block;
	position: relative;
	width: 48px;
	max-height: 48px;
	margin: 0 10px 0 0;
	vertical-align: middle;
	.border-radius(5px);
}
.photo-32{width: 32px;max-height: 32px;background: @imageBg;}
.photo-middle{width: 48px;max-height: 48px;background: @imageBg;}
.photo-small{width: 20px;max-height: 20px;background: @imageBg;}
.photo-large{width: 80px;max-height: 80px;margin-right: 12px;.border-radius(6px);background: @imageBg;}

ul.player-stats {
	list-style:none;
	margin: 0;
	padding: 0;
	background: white;
	li {
		float: left;
		width: auto;
		margin: 0 8px 0 0;
		padding: 0 8px 0 0;
		font-size: 15px;
		border-right: 1px solid @grayLighter;
		a {
			display: block;
			font-weight: bold;
			line-height: 1;
			color: @gray;
			span.meta {
				display: block;
				margin-top: 1px;
				font-size: 8px;
				font-weight: normal;
				line-height: 1;
				text-transform: lowercase;
				color: @grayLight;
			}
		}
	}
	li:last-child {
		border-right: none;
	}
}
.player-cards h2 {
	max-height: none;
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 13px;
	line-height: 1;
	background: white;
	font-weight: normal;
	color: @gray;
	vertical-align: middle;
	a img, a:hover img {
		width: 28px;
		max-height: 28px;
		.border-radius(3px);
		float: left;
		margin: 0 5px 0 0;
		vertical-align: middle;
	}
	em.locality, a.locality {
		display: block;
		margin-left: 33px;
		padding-left: 12px;
		font-size: 8px;
		font-style: normal;
		font-weight: normal;
		line-height: 1.7;
		.text-overflow;
		color: @gray;
		background: url(@{imagePath}/icon-geo-sm.png) no-repeat 0 50%;
	}
}
.albumuser{
	width:180px;
	float: left;
	margin-left:20px;
	.psimg {
		float: left;
		width: 64px;
		height: 64px;
		padding: 8px 8px 11px 8px;
		margin-right: 5px;
		border: @border;
		background-color: @white;
	}
	.psaction h2 {
		margin: 0 0 0 88px;
		padding-top: 2px;
		padding-bottom: 8px;
		font-size: 14px;
		font-weight: normal;
		line-height: 1.5;
	}
	.profile-tabs{
		padding-top: 12px;
	}
}
.albuminfo{
	width:700px;
	float: left;
	.left{
		float: left;
		width: 490px;
		border-right: @border;
		.alnme{
			font-family: "Microsoft Yahei";
			h2{
				display: inline;
				font-weight: normal;
				font-size: 24px;
			}
		}
		.albumdesc p{
			width: auto;
			line-height: 21px;
			margin: 4px 0 0;
			padding: 0 16px 0 0;
			word-wrap: break-word;
			word-break: break-all;
			overflow: hidden;
			font-size: 14px;
		}
	}
	.right {
		float: left;
		width: 190px;
		padding: 0 0px 0 18px;
	}
	.like {
		margin-bottom: 12px;
		position: relative;
		padding-bottom: 8px;
		height: 40px;
		line-height: 20px;
	}
}

.user-header{
	.black05bg;
	.border-radius(10px);
	position:relative;
	padding:20px;
	width: 900px;
	.main{
		margin-bottom: 0px;
	}
}
.user-header-nav{
	height: 38px;
	.subnav{
		.nav-pills{
			a{
				.border-radius(5px);
				font-size: 14px;
			}
			.active{
				.caret{
					border-top: 4px solid #fff;
				}
			}
			li{
				.dropdown-menu{
					background-color: white;
					min-width: 120px;
					z-index: 22;
					li{
						height:30px;
						border-right: 0px;
						a{
							.border-radius(2px);
							color:lighten(@gray,10%);
						}
						a:hover{
							color:@white;
						}
					}
					li.divider{
						height:1px;
						border-bottom: @border;
					}
				}
			
			
			}
		}
	
	}
}

.profile{
	display:inline-block;
	h2{
		line-height: 1;
		margin-top: 5px;
		font-weight: normal;
		font-family: "Microsoft Yahei";
		small{
				color:@gray;
		}
		.dropdown{
			a{
				color:@gray;
			}
			.caret{
				margin-top: 13px;
			}
			.dropdown-menu{
					background-color: white;
					z-index: 22;
					padding: 8px;
					width: 180px;
				}
		}
	}
	p{
		color: @gray;
		margin: 5px 0 5px;
	}
	ul.profile-details {
		margin: 4px 0 0 0;
		li {
			display: inline;
			margin: 0 12px 0 0;
			color: @gray;
		}
	}
	a.locality {
		padding: 3px 0 3px 16px;
		color: @gray;
		background: url(@{imagePath}/icon-geo16.png) no-repeat 0 50%;
	}
	a.url {
		padding: 3px 0 3px 20px;
		color: @gray;
		background: url(@{imagePath}/icon-weburl16.png) no-repeat 0 50%;
	}
	a.male {
		padding: 3px 0 3px 22px;
		color: @gray;
		background: url(@{imagePath}/icon-male16.png) no-repeat 0 50%;
	}
	a.female {
		padding: 3px 0 3px 21px;
		color: @gray;
		background: url(@{imagePath}/icon-female16.png) no-repeat 0 50%;
	}
	a.action-button{
		margin: 5px 5px 0 0;
		display: inline-block;
	}
}
.messages{
	padding: 20px;
	min-height: 100px;
}
.ms_list{
	list-style: none;
	margin: 4px 0 0 0;
	li {
		padding: 8px 0 8px;
		color: @gray;
	   	border-bottom: 1px solid rgba(0, 0, 0, 0.07);
	  	overflow: hidden;
	}
	li:last-child {
		  border-bottom: none;
	}
	li:hover{
		background-color: lighten(@blue,53%);
		cursor: pointer;
	}
	p{
		margin-bottom: 2px;
	}
}

a.action-button, span.action-button {
	margin: 0;
	padding: 6px 12px;
	font-weight: bold;
	text-decoration: none;
	color: darken(@gray,10%);
	border: none;
	background: lightGrey url(@{imagePath}/glass-30.png) repeat-x 0 50%;
	.border-radius(5px);
	&:hover{
		color: white;
		background: @puzzColor url(@{imagePath}/glass-light.png) repeat-x 0 50%;
	}
}
a.form-sub{
	padding: 7px 12px;
  	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  	font-size: .9em;
  	font-weight: bold;
  	text-decoration: none;
  	color: #fff;
  	border: none;
	background: @puzzColor url(@{imagePath}/glass-light.png) repeat-x 0 50%;
	.border-radius(5px);
	&:hover{
		color: white;
		background-color: darken(@puzzColor,5%);
	}
}
ul.profile-tabs {
	margin: 18px 0 0 0;
	li {
		float: left;
		margin: 0 10px 0 0;
		padding: 0 10px 0 0;
		font-size: 18px;
		line-height: 1;
		border-right: @border;
		a {
			display: block;
			float: left;
			color: @gray;
			span.meta {
				display: block;
				margin-top: 4px;
				font-size: 12px;
				font-weight: normal;
				color: @gray;
			}
		}
	}
	li:last-child {
		border-right: none;
	}
}
.tab-nav{
	margin: 0 0 0px 0;
	padding: 0;
	z-index:22;
	position:relative;
	background: url(@{imagePath}/border-2px.gif) repeat-x bottom left;
	ul.tabs {
		margin: 0 0 0px 0;
		padding: 0;
		font-size: @mediumFont;
		line-height: 1;
		z-index:22;
		position:relative;
		.tab {
			position: relative;
			float: left;
			margin: 0 20px 0 0;
			line-height: 1;
			color: @grayLight;
			display: inline-block;
			z-index:22;
			a.parent{
				display: block;
				padding: 1px 0 8px 0;
				text-decoration: none;
				color: @gray;
				span.count {
					font-weight: normal;
					font-size: @smallFont;
					line-height: 10px;
					color: @grayLight;
				}
				&:hover{
					color: @grayDark;
	  				background: url(@{imagePath}/tab-over-2px.gif) repeat-x bottom left;
				}
			}
			&.active a.parent {
				font-weight: bold;
				color: @grayDarker;
				background: url(@{imagePath}/tab-on-2px.gif) repeat-x bottom left;
			}
		}
		li:last-child{
			margin-right: 0px;
		}
		div.tab{
			display: inline-block;
			float: right;
			margin-right: 5px;
		}
		ul.dropdown-menu{
			background-color: white;
			min-width: 120px;
			z-index:22;
			a{
				color:@gray;
				&:hover{
					color:white;
				}
			}
			.divider {
				background-color: @grayLighter;
				border-bottom: 1px solid white;
			}
		}
		.caret{
			vertical-align: middle;
		}
	}
}


.bind {
	overflow: hidden;
	li{
		display: block;
		.square(150px);
		border: @border;
		float: left;
		margin-right: 15px;
		margin-top:10px;
		position:relative;
		overflow: hidden;
		cursor:pointer;
		a{
			display: block;
			position: absolute;
			bottom: 0px;
			height: 25px;
			width: 150px;
			text-align: center;
			background-color: lighten(@puzzColor,10%);
			color: white;
			line-height: 25px;
			&:hover{
				background-color: @puzzColor;
			}
		}
	}
	.renren_act,.renren:hover {
		background: url(@{imagePath}/sites_renren_b.png) center no-repeat;
	}
	.sina_act,.sina:hover {
		background: url(@{imagePath}/sites_weibo_b.png) center no-repeat;
	}
	.qq_act,.qq:hover {
		background: url(@{imagePath}/sites_qq_b.png) center no-repeat;
	}
	.taobao_act,.taobao:hover {
		background: url(@{imagePath}/sites_taobao_b.png) center no-repeat;
	}
	.facebook_act,.facebook:hover {
		background: url(@{imagePath}/sites_facebook_b.png) center no-repeat;
	}
	.twitter_act,.twitter:hover {
		background: url(@{imagePath}/sites_twitter_b.png) center no-repeat;
	}
	.renren {
		background: url(@{imagePath}/sites_renren_br.png) center no-repeat;
	}
	.sina {
		background: url(@{imagePath}/sites_weibo_br.png) center no-repeat;
	}
	.qq {
		background: url(@{imagePath}/sites_qq_br.png) center no-repeat;
	}
	.taobao {
		background: url(@{imagePath}/sites_taobao_br.png) center no-repeat;
	}
	.facebook {
		background: url(@{imagePath}/sites_facebook_br.png) center no-repeat;
	}
	.twitter {
		background: url(@{imagePath}/sites_twitter_br.png) center no-repeat;
	}
}

.act-i {
			position: relative;
			float: left;
			display:block;
			z-index: 500;
			padding: 1px;
			text-align: left;
			white-space: normal;
			background-color: #ffffff;
			border: 1px solid #ccc;
			border: 1px solid rgba(0, 0, 0, 0.2);
			.border-radius(6px);
			.box-shadow(0 5px 10px rgba(0, 0, 0, 0.2));
			-webkit-background-clip: padding-box;
			-moz-background-clip: padding;
			background-clip: padding-box;
			.actcontent{
				padding: 2px 10px;
				font-weight: 600;
				color: @gray;
			}
		}
.sarrow,.sarrow:after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}
			
.sarrow {
	border-width: 8px;
}

.sarrow:after {
	border-width: 7px;
	content: "";
}

.sarrowtop .sarrow {
	bottom: -8px;
	left: 50%;
	margin-left: -8px;
	border-top-color: #999;
	border-top-color: rgba(0, 0, 0, 0.25);
	border-bottom-width: 0;
}

.sarrowtop .sarrow:after {
	bottom: 1px;
	margin-left: -7px;
	border-top-color: #ffffff;
	border-bottom-width: 0;
}

.sarrowright .sarrow {
	top: 50%;
	left: -8px;
	margin-top: -8px;
	border-right-color: #999;
	border-right-color: rgba(0, 0, 0, 0.25);
	border-left-width: 0;
}

.sarrowright .sarrow:after {
	bottom: -7px;
	left: 1px;
	border-right-color: #ffffff;
	border-left-width: 0;
}

.sarrowbottom .sarrow {
	top: -8px;
	left: 50%;
	margin-left: -8px;
	border-bottom-color: #999;
	border-bottom-color: rgba(0, 0, 0, 0.25);
	border-top-width: 0;
}

.sarrowbottom .sarrow:after {
	top: 1px;
	margin-left: -7px;
	border-bottom-color: #ffffff;
	border-top-width: 0;
}

.sarrowleft .sarrow {
	top: 50%;
	right: -8px;
	margin-top: -8px;
	border-left-color: #999;
	border-left-color: rgba(0, 0, 0, 0.25);
	border-right-width: 0;
}

.sarrowleft .sarrow:after {
	right: 1px;
	bottom: -7px;
	border-left-color: #ffffff;
	border-right-width: 0;
}

.theme-select{
	width: 535px;
	float:left;
	.tab-content{
		overflow:hidden;
	}
	.templete_list {
		padding: 0px;
		margin: 0 0 -5px -7px;
		height: 190px;
		overflow: hidden;
		a{
			float: left;
			margin: 0 0 20px 7px;
			_margin: 0 0 15px 5px;
			border: 1px solid #fff;
			position: relative;
			img{
				border: 1px solid #d9d9d9;
				display: block;
				width: 123px;
				height: 73px;
			}
			span{
				position: absolute;
				bottom: 0;
				left: 1px;
				display: block;
				width: 123px;
				height: 22px;
				line-height: 22px;
				background-image: url("@{staticImagePath}/bg_a40.png");
				text-align: center;
				color: #fff;
			}
		}
	}
	.pic-box{
		width: 180px;
		height:180px;
		min-height: 130px;
		max-height: 180px;
		position: relative;
		overflow: hidden;
	}
	.bgsetting{
		float: right;
		width: 330px;
		line-height: 22px;
		.item {
			margin-bottom: 20px;
			.lb {
				width: 65px;
				float: left;
			}
			.ctrl {
				margin-left: 65px;
			}
		}
	}
}